<div id="leftpanel">
    <div class="leftpanel-wrapper">
        <ul class="nav nav-pills nav-stacked">
            <li class="user-container">
                <a href="#">
                    <img src="/images/{{ userInfo.username }}.png">
                    {{ userInfo.username }}
                </a>
            </li>
            <li class="active">
                    <a href="/front">
                            <i class="icon-large icon-home"></i>
                            Dashboard
                    </a>
            </li>
            <li>
                <a href="/backend/item">
                    <i class="icon-large icon-glass"></i>
                    Item
                </a>
            </li>
            <li>
                <a href="/backend/category">
                    <i class="icon-large icon-tags"></i>
                    Category
                </a>
            </li>
            <li>
                <a href="/backend/department">
                    <i class="icon-large icon-globe"></i>
                    Department
                </a>
            </li>
            <li>
                <a href="/backend/user">
                    <i class="icon-large icon-user"></i>
                    Users
                </a>
            </li>
            <li>
                <a href="/backend/acl">
                    <i class="icon-large icon-user"></i>
                    ACL
                </a>
            </li>
        </ul>
    </div>
</div>
